<template>
	<div class="header">
			<a class="back" href="javascript;" @click="back"></a>
			<div class="hz-title-bar">{{$store.state.headerN}}</div>
			<div class="hd-right" @click="navShow">
				<span v-for="i in 3"></span>
			</div>
			<div class="navList" v-show="isOn">
				<ul>
					<li><router-link to="/"><span class="yo-ico" id="headerFont1">&#xe618;</span>首页</router-link></li>
					<li><router-link to="/search"><span class="yo-ico" id="headerFont2">&#xe60e;</span>分类搜索</router-link></li>
					<li><router-link to="/buycart"><span class="yo-ico" id="headerFont3">&#xe651;</span>购物车</router-link></li>
					<li><router-link to="/mine"><span class="yo-ico" id="headerFont4">&#xe615;</span>我的</router-link></li>
				</ul>
			</div>
		</div>
</template>

<script>
	import Vue from 'vue'
	import '../assets/iconfont/iconfont1.woff'
	import store from '../vuex/store'
	export default {
		data(){
			return{
				isMore:false,
				isOn:false
			}
		},
		methods:{
			back(){
				this.$router.go(-1)
			},
			isShowMore(){
				this.isMore=!this.isMore;
			},
			navShow(){
				this.isOn = !this.isOn;
			}
		},
	  	mounted() {
		    this.$store.commit('changeHeadname','' )
		},
  		store
	}
</script>

<style>
</style>